$(function () {
    // 1.显示隐藏电梯模块
    var recomtop = $('.recom-hd').offset().top

    // 4.互斥锁（当我们点击li时 此时不需要执行页面滚动事件里的li 的背景选择 添加current
    var flag = true

    toggle()//显示隐藏封装为函数在window窗口滚动事件触发前就调用一次 可避免因未触发事件前已到达指定位置却未显示电梯导航的bug
    function toggle() {
        if ($(document).scrollTop() >= recomtop) {
            $('.fixedtool').fadeIn()
        } else {
            $('.fixedtool').fadeOut()
        }
    }
    $(window).scroll(function () {
        toggle()

        // 3.页面滚动到某个内容区域 左侧电梯导航小li相应添加和删除current类
        if (flag) {
            $('.floor .w').each(function (i, ele) {

                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $('.fixedtool li').eq(i).addClass('current').siblings().removeClass('current')
                }
            })
        }

    })

    // 2.点击电梯导航页面可以滚动到相应内容区域
    $('.fixedtool li ').click(function () {
        flag = false
        var current = $('.floor .w').eq($(this).index()).offset().top //获取到当前li的索引/eq()选出对应索引号的内容区域的盒子 计算他们的offset().top
        // 页面滚动
        $('body, html').animate({//记住在jquery里的animate修改参数是用对象的形式
            scrollTop: current
        }, function () {
            flag = true//动画结束后取正在执行切换类
        })
        $(this).addClass('current').siblings().removeClass('current')//每次点击对应元素给其添加类其余兄弟移除类
    })
})


